<html>
<header>
    <meta charset="utf-8">

    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        a {
            text-align: center;
            text-decoration: none;

        }
        .header-bottom {
            width: 100%;
            height: 50px;
            background-color: #0099FF;
        }
        /*.header-center {
            width: 100%;
            height: 50px;
            margin-left: 50px;
            padding-left: 50px;
            padding-top: 10px;
        }*/
        .header-bottom ul li{
            color: white;
            background-color: #0099FF;
            width: 99px;
            height: 100%;
            list-style: none;
            /*margin-top: 5px;*/
            float: left;
        }
        .header-bottom ul li:hover {
            display: block;
            background-color: #0099CC;
        }
        /*.header-bottom ul li ul {
            display: none;
        }*/
        .header-bottom ul li ul:hover {
            /*display: block;*/
        }
        .header-bottom ul li ul li {
            text-align: center;
            line-height: 45px;
        }

    </style>
</header>
<body>
<div class="header-bottom">
    <ul>
        <li>
            <ul>
                <li><a href="#">首页</a></li>
            </ul>
        </li>
        <li>
            <ul>
                <li>
                    <a href="#">学校概况</a>
                </li>
                <li>
                    <a href="#">学校简介</a>
                </li>
                <li>
                    <a href="#">学校章程</a>
                </li>
                <li>
                    <a href="#">学校领导</a>
                </li>
                <li>
                    <a href="#">历史沿革</a>
                </li>
                <li>
                    <a href="#">学院导航</a>
                </li>
                <li>
                    <a href="#">管理机构</a>
                </li>
                <li>
                    <a href="#">重邮校友</a>
                </li>
                <li>
                    <a href="#">虚拟校园</a>
                </li>

            </ul>
        </li>
        <li>
            <ul>
                <li>师资队伍</li>
            </ul>
        </li>
        <li>
            <ul>
                <li>学科建设</li>
            </ul>
        </li>
        <li>
            <ul>
                <li>科学研究</li>
            </ul>
        </li>
        <li>
            <ul>
                <li>人才培养</li>
            </ul>
        </li>
        <li>
            <ul>
                <li>招生就业</li>
            </ul>
        </li>
        <li>
            <ul>
                <li>校园文化</li>
            </ul>
        </li>
        <li>
            <ul>
                <li>合作交流</li>
            </ul>
        </li>
        <li>
            <ul>
                <li>公共服务</li>
            </ul>
        </li>
    </ul>
</div>

</body>
</html>